<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 属性节点 (写在标签内 和标签名以一个空格分隔的叫做属性(属性名="属性值") 可以没有,也可以有多个,多个之前用空格分隔)
        属性节点 (官方给定 + 自定属性(a.官方data-xxx  b. abc))
    -->
    <div id="box" class="one two three" title="hello" data-index="0" asd="asd"></div>
</body>
<script>
    var div = document.querySelector("div");
    console.log(div);

    div.getAttribute("class")
    div.setAttribute()
    div.removeAttribute()


</script>

</html>